<template>
  <baidu-map
    ref="map"
    class="map"
    :api-key="state.ak"
    :center="point"
  />
</template>

<script setup lang="ts">
import {ref, reactive} from 'vue'
import { BaiduMap } from 'baidu-map-vue3'
const state = reactive({
  ak: 'H7zttgNPzQNOvzs27qvevLEPZXXj1MVz'
})
const point = ref({
  lng: 116.403963,
  lat: 39.915119,
})
</script>
<style lang="less">
.map {
    width: 100%;
    height: 400px;
}
</style>
